<script>
	export default {
		onLaunch: function() {
			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
			console.log('App Launch')
          
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import '@/uni_modules/uni-scss/index.scss';
	/* #ifndef APP-NVUE */
	@import '@/static/customicons.css';
	// 设置整个项目的背景色
    @import "@/static/font/iconfont.css";
	page {
		background-color: #f5f5f5;
        font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
          Arial, PingFang SC-Light, Microsoft YaHei;
        padding-bottom: 120rpx;
	}
    
    .orderdetails{
       .uni-section{
           background-color: #f5f5f5 !important;
       }
        .uni-card{
            // margin: 0;
        }
    }
	/* #endif */
	.example-info {
		font-size: 14px;
		color: #333;
		padding: 10px;
	}

    button {
      margin: 0;
      padding: 0;
      border: 1px solid transparent;
      outline: none;
      background-color: transparent;
    }
    
    button:active {
      opacity: 0.6;
    }
    .flex-col {
      display: flex;
      flex-direction: column;
    }
    .flex-row {
      display: flex;
      flex-direction: row;
    }
    .justify-start {
        display: flex;
        justify-content: flex-start;
      }
    .justify-center {
        display: flex;
        justify-content: center;
    }
      
    .justify-end {
        display: flex;
        justify-content: flex-end;
    }
    .justify-evenly {
        display: flex;
        justify-content: space-evenly;
    }
    .justify-around {
        display: flex;
        justify-content: space-around;
    }
    .justify-between {
        display: flex;
        justify-content: space-between;
    }
    .align-start {
        display: flex;
        align-items: flex-start;
    }
    .align-center {
        display: flex;
        align-items: center;
    }
    .align-end {
        display: flex;
        align-items: flex-end;
    }
    .inputont{
       .uni-easyinput__content-input{
           height: 90rpx !important;
        } 
    }
    .more{
        width: 100%;
        text-align: center;
        margin-top:50rpx;
        font-size:24rpx;
        color:#c7c9ce;
    }
    .card-action{
        text-align: right;
        width: 100%;
       .text-edit{
           color: #52A0F3;
           font-size: 28rpx;
           margin-right: 20rpx;
       }
       .text-del{
           color: #e64340;
           font-size: 28rpx;
       } 
    }
    .blur{
        color: #52A0F3;    
    }
    .red{
        color:#e64340 !important;
    }
    .btns{
        
        .btn{
            display: inline-block;
            padding:3rpx 10rpx;
            border: 1px solid #c7c9ce;
            border-radius: 5rpx;
            margin: 0 10rpx;    
            font-size: 24rpx;    
        }
        .bluer_btn{
            background-color: #52A0F3;
            border: none;
            color: #fff;
        }
    }
    .list{
        display:flex;
        align-items: center;
        .title{
            width: 30%;
            text-align: right;
            font-weight: bold;
        }
        .content{
            width: 70%;
            text-align: right;
        }
    }
    .nav-header{
        width: 100%;
        height: 100rpx;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        .nav-item{
            width: 180rpx;
            height: 100rpx;
            line-height: 100rpx;
            text-align: center;
            color: #9B9BA3;
        }
        .selacion{
            color: #000000;
            font-weight: 800;
            position: relative;
            &::before{
                content:" ";
                position: absolute;
                width: 82rpx;
                height: 4rpx;
                background: #52A0F3;
                border-radius: 2rpx;
                bottom: 0;
                left: 50%;
                margin-left: -41rpx;
            }
        }
    }
    .bold{
        font-weight: bold;
    }
    .status_0{
        color: #8f939c;
    }
    .status_1{
        color: #f3a73f;
    }
    .status_2{
        color:#18bc37;
    }
</style>
